@import "./zgc-theme.scss";

// 按钮样式修改 begin
.el-button{
  border-radius: 2px;
}
// ---------- 实心按钮颜色与悬浮颜色 ---------- //
.el-button--default:focus, .el-button--default:hover{ // 默认按钮
  color: $primaryBtnHover;
  border-color: $primaryBtnHover;
  background-color: #ffffff;
}
.el-button--primary { // 主要按钮
  color: #fff;
  background-color: $primaryBtn;
  border-color: $primaryBtn;
}
.el-button--primary:focus, .el-button--primary:hover{
  background: $primaryBtnHover;
  border-color: $primaryBtnHover;
  color: #fff;
}
.el-button--success { // 成功按钮
  color: #fff;
  background-color: $successBtn;
  border-color: $successBtn;
}
.el-button--success:focus, .el-button--success:hover {
  background: $successBtnHover;
  border-color: $successBtnHover;
  color: #fff;
}
.el-button--info { // 信息按钮
  color: #fff;
  background-color: $infoBtn;
  border-color: $infoBtn;
}
.el-button--info:focus, .el-button--info:hover {
  background: $infoBtnHover;
  border-color: $infoBtnHover;
  color: #fff;
}
.el-button--warning { // 警告按钮
  color: #fff;
  background-color: $warningBtn;
  border-color: $warningBtn;
}
.el-button--warning:focus, .el-button--warning:hover {
  background: $warningBtnHover;
  border-color: $warningBtnHover;
  color: #fff;
}
.el-button--danger { // 危险按钮
  color: #fff;
  background-color: $dangerBtn;
  border-color: $dangerBtn;
}
.el-button--danger:focus, .el-button--danger:hover {
  background: $dangerBtnHover;
  border-color: $dangerBtnHover;
  color: #fff;
}
// ---------- 空心按钮颜色与悬浮颜色 ---------- //
.el-button--primary.is-plain {
  color: $primaryBtn;
  background: #ffffff;
  border-color: $primaryBtn;
}
.el-button--primary.is-plain:focus, .el-button--primary.is-plain:hover {
  background: $primaryBtnHover;
  border-color: $primaryBtnHover;
  color: #fff;
}
.el-button--success.is-plain {
  color: $successBtn;
  background: #ffffff;
  border-color: $successBtn;
}
.el-button--success.is-plain:focus, .el-button--success.is-plain:hover {
  background: $successBtnHover;
  border-color: $successBtnHover;
  color: #fff;
}
.el-button--info.is-plain {
  color: $infoBtn;
  background: #ffffff;
  border-color: $infoBtn;
}
.el-button--info.is-plain:focus, .el-button--info.is-plain:hover {
  background: $infoBtnHover;
  border-color: $infoBtnHover;
  color: #fff;
}
.el-button--warning.is-plain {
  color: $warningBtn;
  background: #ffffff;
  border-color: $warningBtn;
}
.el-button--warning.is-plain:focus, .el-button--warning.is-plain:hover {
  background: $warningBtnHover;
  border-color: $warningBtnHover;
  color: #fff;
}
.el-button--danger.is-plain {
  color: $dangerBtn;
  background: #ffffff;
  border-color: $dangerBtn;
}
.el-button--danger.is-plain:focus, .el-button--danger.is-plain:hover {
  background: $dangerBtnHover;
  border-color: $dangerBtnHover;
  color: #fff;
}
// ---------- 圆角按钮样式 ---------- //
.el-button.is-round {
  padding: 12px 23px;
}
// 按钮样式修改 end

// 表单项样式修改 begin

// 选中边框颜色及圆角
.el-input__inner{
  border-radius: 2px;
}
.el-input__inner:focus{
  outline: none;
  border-color: $primaryBtn;
}
.el-textarea__inner{
  border-radius: 2px;
}
.el-textarea__inner:focus {
  outline: none;
  border-color: $primaryBtn;
}
// 提示信息颜色修改
.el-form-item__error{
  color: $dangerBtn;
}
.el-form-item.is-error .el-input__inner, .el-form-item.is-error .el-input__inner:focus, .el-form-item.is-error .el-textarea__inner, .el-form-item.is-error .el-textarea__inner:focus, .el-message-box__input input.invalid, .el-message-box__input input.invalid:focus {
  border-color: $dangerBtn;
}
// 日历样式修改
.el-date-picker{
  width: 278px;
}
.el-date-picker__header{
  margin: 0;
  padding: 3px 12px;
  background: #F2F2F2;
}
.el-date-picker .el-picker-panel__content{
  width: 254px;
  margin: 0px 10px 10px 10px;
}
.el-date-table td{
  width: 32px;
  height: 24px;
  padding: 3px 0;
}
.el-date-table td div{
  height: 24px;
  padding: 0;
}
.el-date-table td span{
  border-radius: 2px;
  border: 1px solid transparent;
}
.el-date-table td.current span:hover {
  color: $primaryBtn;
  border: 1px solid $primaryBtn;
}
.el-date-table td.available:hover{
  color: $primaryBtn;
}
.el-date-table td.current:not(.disabled) span {
  color: #fff;
  background-color: $primaryBtn;
}
.el-date-table td.today span {
  color: $primaryBtn;
  font-weight: 700;
}
.el-popper[x-placement^=bottom] .popper__arrow::after{
  border-bottom-color: #f2f2f2;
}
.el-date-picker__header-label{
  font-size: 14px;
}
.el-date-picker__header-label:hover{
  color: $primaryBtn;
}
.el-picker-panel__icon-btnL:hover{
  color: $primaryBtn;
}
.el-date-table th{
  padding: 0;
}
// 日历关联样式修改
.el-date-range-picker {
  width: 535px;
}
.el-date-range-picker__content{
  padding: 0;
}
.el-date-range-picker__header{
  padding: 0 12px;
}
.el-date-range-picker table{
  padding: 4px 12px 8px 12px;
}
.el-date-range-picker__header{
  height: 34px;
  line-height: 34px;
}
.el-date-range-picker__header [class*=arrow-left],.el-date-range-picker__header [class*=arrow-right]{
  margin-top: 10px;
}
.el-date-table td.end-date span, .el-date-table td.start-date span {
  background-color: $primaryBtn;
}
// 单选复选样式修改
.el-radio__input.is-checked .el-radio__inner {
  border-color: $primaryBtn;
  background: $primaryBtn;
}
.el-radio__input.is-checked+.el-radio__label {
  color: $primaryBtn;
}
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: $primaryBtn;
  border-color: $primaryBtn;
}
.el-checkbox__input.is-checked+.el-checkbox__label {
  color: $primaryBtn;
}
// 标签样式修改
.el-tag{
  color: #FFFFFF;
  background-color: $primaryBtn;
}
.el-tag--success {
  background-color: $successBtn;
  border-color: $successBtn;
  color: #ffffff;
}
.el-tag--info {
   background-color: $infoBtn;
   border-color: $infoBtn;
   color: #ffffff;
 }
.el-tag--warning {
  background-color: $warningBtn;
  border-color: $warningBtn;
  color: #ffffff;
}
.el-tag--danger {
  background-color: $dangerBtn;
  border-color: $dangerBtn;
  color: #ffffff;
}
.el-tag .el-icon-close{
  color: #ffffff;
}
.el-tag .el-icon-close:hover{
  background:$primaryBtnHover;
}
.el-tag--success .el-tag__close:hover{
  background: $successBtnHover;
}
.el-tag--info .el-tag__close:hover{
  background: $infoBtnHover;
}
.el-tag--warning .el-tag__close:hover{
  background: $warningBtnHover;
}
.el-tag--danger .el-tag__close:hover{
  background: $dangerBtnHover;
}
// 表单项样式修改 end

// 表单项样式修改 begin
.el-tabs--card>.el-tabs__header .el-tabs__nav{
  background-color: #dddddd;
}
.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{
  background: #FFFFFF;
}
.el-tabs__item{
  color: #666666;
}
.el-tabs--card>.el-tabs__header .el-tabs__item{
  border-left: 0;
}
.el-tabs__item.is-active{
  color: #333333;
}
.el-tabs__item:hover{
  color: #333333;
}
// 表单项样式修改 end

// 分页样式修改 begin

.el-pagination__total{
  float: right;
  margin-right: 20px;
  margin-left: 40px;
  line-height: 30px !important;
}
.el-pager li:hover{
  background: #F2F5FF;
}
.el-pager{
  margin-top: 3px;
}
.el-pager li{
  min-width: 26px;
  height: 24px;
  line-height: 24px;
}
.el-pagination__editor.el-input .el-input__inner{
  height: 26px;
}
.el-pagination .el-select .el-input .el-input__inner{
  height: 26px;
}
.nav-wrapper .nav-item.active{
  background-color: $primaryBtnHover!important;
}
#app .menu-wrapper .router-link-active .el-menu-item{
  border-color: $primaryBtn!important;
  background-color: rgba(255,255,255,.05) !important;
}
// 分页样式修改 end
/*---------------------------------------*/
.el-header.yedao-bg{
  background-image: url("../assets/img/header_bg.png");
  background-size: 100% 100%;
  background-color: inherit!important;
  .nav-wrapper{
    background-color:inherit !important;
  }
  .my-nav{
    background-color: inherit!important;
  }
  .logo{
    background-color: inherit!important;
  }
}
#app .sidebar-container.yedao-bg{
  background-image: url("../assets/img/left_bg.png");
  background-size: 100% 100%;
  .scroll-container{
    background-color: inherit;
  }
  .el-submenu__title{
    background-color: inherit!important;
  }
  .el-menu-item{
    background-color: inherit !important;
  }
  .el-menu{
    background-color: inherit!important;
    .el-submenu .el-menu-item{
      background-color: inherit!important;
    }
  }
}
/*---------------------------------------*/
.el-header.ZGCtheme-bg{
  background-size: 100% 100%;
  background-color: #005A9E!important;
  .nav-wrapper{
    background-color:inherit !important;
  }
  .my-nav{
    background-color: inherit!important;
  }
  .logo{
    background-color: inherit!important;
  }
}
#app .sidebar-container.ZGCtheme-bg{
  background-color: rgba(23, 58, 90, 0.9);
  background-size: 100% 100%;
  .scroll-container{
    background-color: transparent;
  }
  .el-submenu__title{
    background-color: transparent !important;
  }
  .el-menu-item{
    background-color: transparent !important;
  }
  .el-menu{
    background-color: transparent !important;
    .el-submenu .el-menu-item{
      background-color: transparent !important;
    }
  }
}
#app .sidebar-container.ZGCtheme-bg .menu-wrapper .router-link-active .el-menu-item{
  background-color: #006ed0 !important;
}

